<template>
    <div id="container" style="width: 100%;min-height: 200px;flex: 1;height: 100%"></div>
</template>
<script setup>
import {ref, onMounted} from 'vue' // vue相关方法
import AMapLoader from '@amap/amap-jsapi-loader';
onMounted(() => {
    initMap();
})
function initMap() {
    AMapLoader.load({
        "key": "100fb488839249083ac379f46684b9c6",                                          // 申请好的Web端开发者Key，首次调用 load 时必填
        "version": "1.4.15",                                // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
        "plugins": [],                                      // 需要使用的的插件列表，如比例尺'AMap.Scale'等
        "AMapUI": {                                         // 是否加载 AMapUI，缺省不加载
            "version": '1.1',                               // AMapUI 缺省 1.1
            "plugins":[],                                   // 需要加载的 AMapUI ui插件
        },
        "Loca":{                                            // 是否加载 Loca， 缺省不加载
            "version": '1.3.2'                              // Loca 版本，缺省 1.3.2
        },
    }).then((AMap)=>{
        var map = new AMap.Map('container', {
            zoom:11,                                        //级别
            center: [116.397428, 39.90923],                 //中心点坐标
            viewMode:'3D'                                   //使用3D视图
        });
    }).catch(e => {
        console.log(e);
    })
}
</script>
<style scoped>
</style>
